//头部
page{
  padding-bottom: 20rpx;
}
#emptyImg{

        width: 340rpx;
        height: 340rpx;
        display: block;
        margin: 180rpx auto 0rpx;
    
}
#position {
  display: block;
  width: 750rpx;
  background: #ffea00;
  font-weight: 700;
  font-size: 32rpx;
  color: #6e5500;
  line-height: 60rpx;
  position: relative;
}
.container {
  width: 702rpx;
  margin: 0 auto;
}
.shops-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: 350rpx;
}
.icon_style {
  width: 24rpx;
  height: 30rpx;
  //   top: 15rpx;
  //   left: 38rpx;
  //   position: absolute;
  margin-right: 14rpx;
  //margin-left: 24rpx;
}

.shopName {
  // margin-left: 76rpx;
}

.icon1_style {
  // margin-left: 0rpx;
  width: 16rpx;
  height: 8rpx;
  //    position: absolute;
  //    top: 26rpx;
  margin-left: 14rpx;
}

//活动列表
#act_img {
  #bannerImg {
    width: 702rpx;
    height: 168rpx;
    border-radius: 12rpx;
    margin-left: 24rpx;
    margin-top: 24rpx;
  }
}

//拼团列表
#showList {
  #note {
    font-size: 24rpx;
    color: #666;
    margin-top: 26rpx;
    line-height: 24rpx;
    display: block;
    text-align: center;
  }
  .memList {
    // position: absolute;
    width: 702rpx;
    height: 100rpx;
    margin-left: 24rpx;
    background: #fff4eb;
    margin-top: 14rpx;
    border-radius: 12rpx;
    position: relative;
    top: 15rpx;

    .memImage {
      border-radius: 40rpx;
      width: 80rpx;
      height: 80rpx;
      margin: 10rpx 0rpx 10rpx 24rpx;
    }
    .memName {
      width: 200rpx;
      position: absolute;
      line-height: 100rpx;
      display: inline-block;
      font-size: 28rpx;
      color: #333;
      font-weight: 700;
      left: 134rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .addgroup {
      display: block;
      float: right;
      width: 200rpx;
      height: 100rpx;
      color: #fff;
      font-size: 30rpx;
      background: linear-gradient(to right, #ffa200, #ff7300);
      text-align: center;
      border-radius: 0rpx 12rpx 12rpx 0rpx;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      position: relative;
      .price-box {
        margin: auto auto;
        p {
          display: block;
        }
        .price {
          font-size: 22rpx;
          color: #fff;
          opacity: 0.5;
          padding: 0;
          //margin-top: 6rpx;
        }
      }
      .look {
        display: block;
        //   width: 162rpx;
        //   height: 100rpx;
        //   line-height: 100rpx;
        //   text-align: center;
        margin: auto auto;
      }
      .mem_an {
        position: absolute;
        right: 20rpx;
        top: 45rpx;
        width: 18rpx;
        height: 10rpx;
        // margin-top: 41rpx;
        //padding: 7rpx;
        //margin-right: 20rpx;
        transform: rotate(180deg);
      }
    }
    .group_time {
      position: absolute;
      top: 0rpx;
      right: 200rpx;
      margin-right: 20rpx;
      display: block;
      label {
        display: block;
        text-align: right;
      }
      label:nth-of-type(1) {
        font-size: 24rpx;
        color: #ff4a48;
        line-height: 24rpx;
        margin-top: 21rpx;
      }
      label:nth-of-type(2) {
        margin-top: 14rpx;
        font-size: 20rpx;
        color: #aa9f9c;
        line-height: 20rpx;
        .time_style {
          float: right;
        }
      }
    }
  }
}
//商品信息
#goods {
  // position: absolute;
  // top:95rpx;
  z-index: 999;
  width: 702rpx;
  //width: #f2f4f8;
  background: white; // height: 200rpx;
  border: solid 1rpx #ddd;
  border-radius: 12rpx;
  margin: 0 auto;
  .items_style:nth-of-type(1) {
    margin-top: 34rpx;
  }
  .items_style {
    width: 702rpx;
    margin-left: 24rpx;
    margin-top: 14rpx;
    margin-bottom: 24rpx;
    position: relative;

    .goods_style {
      width: 220rpx;
      height: 220rpx;
      margin: 0rpx;
      border-radius: 30rpx;
    }
    .no_style {
      position: absolute;
      bottom: 16rpx;
      display: block;
      width: 220rpx;
      height: 56rpx;
      line-height: 56rpx;
      color: #fff;
      text-align: center;
      font-size: 28rpx;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 0 0 30rpx 30rpx;
    }
    .goods_name {
      color: #333;
      padding-right: 14rpx;
      height: 64rpx;
      overflow: hidden;
      position: absolute;
      margin-left: 24rpx;
      top: 10rpx;
      font-size: 32rpx;
      line-height: 32rpx;
      .tuan_logo {
        width: 92rpx;
        height: 32rpx;
        position: absolute;
        top: 0rpx;
        left: 0rpx;
      }
      p {
        display: inline-block;
        width: 102rpx;
        height: 28rpx;
      }
    }
    .goods_money {
      position: absolute;
      bottom: 10rpx;
      z-index: 9;
      margin-left: 24rpx; // background: blue;
      span {
        position: absolute;
        top: -62rpx;
        left: 0rpx;
        font-weight: 500;
        font-size: 20rpx;
        color: #bbb;
        position: relative;
        z-index: 9;
      }
      p {
        width: 200rpx;
        position: absolute;
        top: 0rpx;
        left: 0rpx;
        font-size: 32rpx;
        color: #ff4c4e;
        font-weight: 700;
      }
    }
    .add_sub_style {
      position: absolute;
      width: 168rpx;
      height: 58rpx;
      right: 48rpx;
      bottom: 10rpx;
      border-radius: 29rpx;
      background: linear-gradient(to right, #ff7371, #ff4a48);
      box-shadow: 0 0 16rpx rgba(255, 74, 72, 0.5);
      label {
        display: inline-block;
        width: 59rpx;
        height: 58rpx;
        position: relative;

        p {
          margin: 0px;
          padding: 0px;
          display: inline-block;
          width: 59rpx;
          height: 58rpx;
          line-height: 58rpx;
          position: absolute;
          top: 0px;
          left: 0px;
          text-align: center;
        }
        image {
          position: absolute;
          width: 50rpx;
          height: 50rpx;
          top: 4rpx;
        }
      }
      .goods_num {
        width: 50rpx;
        text-align: center;
        color: white;
        margin-top: -20rpx;
      }
      .note_style {
        width: 100%;
        text-align: center;
        color: white;
        font-size: 28rpx;
        line-height: 58rpx;
      }
    }
  }
  .take-up {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    font-size: 20rpx;
    color: #bbb;
    height: 100rpx;
    line-height: 100rpx;
    image {
      margin-top: 45rpx;
      margin-left: 10rpx;
      width: 18rpx;
      height: 10rpx;
    }
  }
}
